*
  padding 0
  margin 0
html
body  
  height 100%
  width 100%
  font-family 'MicrosoftYaHei'
  min-width 1400px
  .layout
    position relative
    height 100%
    width 100%
    .toper
      height 100px
      padding 25px 55px 0 30px
      background #343c46
      box-sizing border-box
      .logo
        width 55px
        height 59px
        float left
        background url('../image/logo.png') no-repeat
        margin-right 25px
        transform translateY(-4px)
      .title
        float left
        div
          color #ffffff
          &:first-of-type
            font-size 24px
          &:last-child
            font-size 14px
            color #b5bcc5
      .set
        float right
        width 28px
        height 28px
        margin-top 11px
        background url(../image/set.png) no-repeat
        background-size cover
    .lefter
      position absolute
      top 100px
      left 0
      bottom 0
      width 290px
      background #2a343c
      box-sizing border-box
      .title
        height 94px
        padding 40px 0 0 58px
        font-szie 20px
        color #ffffff
        font-weight bold
        box-sizing border-box
      .menu
        a.item
          display block
          text-decoration none
          height 44px
          line-height 44px
          padding-left 54px
          font-size 14px
          color #cdd9e7
          box-sizing border-box
          i
            display block
            margin-top 14px
            margin-right 18px
            float left
            width 16px
            height 16px
            background url('../image/icon.png') no-repeat
            background-size cover
          &.active
            background #232832
            color  #fff
            border-left 4px solid #3e85ff
            padding-left 50px
            i
              background url('../image/icon-c.png') no-repeat
              background-size cover

          
    .bodyer
      position absolute
      top 100px
      left 290px
      bottom 0
      right 0
      background #eeeff0
      padding 20px
      overflow auto
      .wrap
        border 1px solid #d6d6d6
        padding 0 50px
        background #fff
        .title
          height 60px
          line-height 60px
          border-bottom 1px solid #cccccc
          box-sizing border-box
          font-size 16px
          color #333
          i
            display inline-block
            vertical-align middle
            margin-right 8px
            width 2px
            height 20px
            background #1557ca
        .search
          .line
            height 34px
            margin-bottom 15px
            font-size 0
            &:first-of-type
              margin-top 40px
            .item
              display inline-block
              margin-right 100px
              &:last-child
                margin-right 0
              .name
                display inline-block
                font-size 14px
                color #666666
                width 80px
                text-align right
                padding-right 10px
                box-sizing border-box
              .cont
                display inline-block
                select 
                  appearance:none;
                  width 120px
                  height 34px
                  border-radius 3px
                  border 1px solid #e0e0e0
                  padding 0 10px
                  box-sizing border-box
                  color #333333
                  font-size 14px
                  background url('../image/select-icon.png') no-repeat
                  background-position right 8px top 13px
                  outline none
                input
                  width 200px
                  height 34px
                  border-radius 3px
                  border 1px solid #e0e0e0
                  padding 0 10px
                  box-sizing border-box
                  color #333333
                  font-size 14px
                  outline none
                &.large
                  input
                    width 580px
          .btn
            width 120px
            height 34px
            text-align center
            line-height 34px
            color #ffffff
            font-size 14px
            border-radius 5px
            background #4580e6
            cursor pointer
      .result
        .lists
          margin-top 28px
          border 1px solid #e0e0e0
          border-radius 3px
          .list
            display flex
            border-bottom 1px solid #e0e0e0
            .index    
              width 50px
              flex 0 0 50px
              border-right 1px solid #e0e0e0
              text-align center
              padding-top 20px
            .cont
              flex 1
              padding 20px
              .block
                display flex
                width 90%
                .item
                  flex 1
                  font-size 0
                  margin-bottom 16px
                  display flex
                  padding-left 50px
                  position relative
                  .name
                    flex 0 0 80px
                    width 80px
                    font-size 14px
                    color #666666
                    text-align right
                  .desc
                    flex 1
                    display inline-block
                    font-size 14px
                    color #333333
                    &.long
                      position relative
                      &.in
                        overflow  hidden
                        text-overflow ellipsis
                        display -webkit-box
                        -webkit-line-clamp 2
                        -webkit-box-orient vertical
                  .more
                    position absolute
                    bottom 0
                    right 0
                    color #4580e6
                    font-size 14px
                    transform translateX(110%)
                    cursor pointer
                    .arrow
                      display inline-block
                      width 8px
                      height 8px
                      transform rotate(180deg)
                      background url('../image/up.png') no-repeat
                      &.down
                        transform rotate(0)
.m-pagination
  font-size 0
  padding 25px 0
  text-align right
  a
    display inline-block
    text-decoration none
    height 24px
    line-height 24px
    font-size 12px
    color #4580e6
    border 1px solid #e0e0e0
    text-algin center
    padding 0 8px
    margin-right 8px
    border-radius 5px
    &.active
    &:hover
      background #4580e6
      color #fff
    &:last-child
      maargin-right 0


@media  screen and (max-width: 1920px) 
  html 
    font-size 16px
@media  screen and (max-width: 1736px)
  html 
    font-size 15px
@media  screen and (max-width: 1544px)
  html 
    font-size 14px
@media  screen and (max-width: 1366px)
  html 
    font-size 13px

    




  
